<!DOCTYPE html>
<html lang="en">

<head>
    <#include "/pages/front_include/head.html"/>
</head>
<!--/head-->

<body>
    <!--loading-->
    <div class="preloader"> <i class="fa fa-circle-o-notch fa-spin"></i></div>
    <!--/loading-->
    <header id="home">
        <!-- nav -->
        <#include "/pages/front_include/main_nav.html"/>
        <!-- /nav -->
        <!-- banner -->
        <div id="home-slider" class="carousel slide carousel-fade" data-ride="carousel">
            <div class="carousel-inner">
                <div class="item active" style="background-image: url(pages/front/Assets/images/slider/01.jpg)">
                    <div class="caption">
                        <h1 class="animated fadeInLeftBig">技术培训</h1>
                    </div>
                </div>
            </div>
            <a id="tohash" href="#services"><i class="fa fa-angle-down"></i></a>
        </div>
        <!-- /banner -->
    </header>
    <!--/#home-->
    <!-- services -->
    <section id="services">
        <div class="container">
            <div class="heading wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
                <div class="row">
                    <div class="text-center col-sm-8 col-sm-offset-2 big-title">
                        <h2>公司介绍</h2>
                        <p>Company introduction</p>
                    </div>
                </div>
            </div>
            <div class="our-services">
                <div class="row">
                    <div class="col-sm-12 wow fadeInDown shade" data-wow-duration="1000ms" data-wow-delay="300ms">
                        <#if companySummary??>
                            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${companySummary.summary}</p>
                        <#else>
                            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;北京升金衣仆洗涤技术有限公司目前专注高端衣物染色，改色，洗涤，救治，技术培训和洗涤化料的调配研究。为解决洗衣店、洗衣工厂、世界品牌服装厂， 皮草皮貂生产厂提供一系列产品和尖端技术培训，是绿色环保水洗衣技术最强、化疗最好、规模最全的一站式技术服务公司。公司创始人已经拥有20年的行业 经验，公司几年来，深受洗染行业人士的称赞，被称作尖端衣物洗染救治医院。诚信是公司的生存之本，技术是我们的灵魂，我们将以高超的技术，丰富的经 验满足客户需求，携手共进，共创美好明天。
                            </p>
                        </#if>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/#services-->
    <section id="services">
        <div class="container">
            <div class="heading wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
                <div class="row">
                    <div class="text-center col-sm-8 col-sm-offset-2 big-title">
                        <h2>公司环境</h2>
                        <p>Company environment</p>
                    </div>
                </div>
            </div>
            <div id="myCarousel" class="carousel slide">
                <!-- 轮播（Carousel）项目 -->
                <div class="carousel-inner">
                    <#if (companyEnvs?size>0)>
                        <#list companyEnvs as evn>
                            <div class="item <#if evn_index==0>active<#else></#if>">
                                <img src="img?fileName=${evn.filePath}" alt="First slide">
                            </div>
                        </#list>
                    <#else>
                        <div class="item active">
                            <img src="pages/front/Assets/images/temp/02.jpg" alt="First slide">
                        </div>
                        <div class="item">
                            <img src="pages/front/Assets/images/temp/02.jpg" alt="Second slide">
                        </div>
                        <div class="item">
                            <img src="pages/front/Assets/images/temp/02.jpg" alt="Third slide">
                        </div>
                    </#if>
                </div>
                <!-- 轮播（Carousel）导航 -->
                <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
            </div>
        </div>
    </section>
    <!--/#services-->
    <!--/#about-us-->
    <section id="services">
        <div class="container">
            <div class="heading wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
                <div class="row">
                    <div class="text-center col-sm-8 col-sm-offset-2 big-title">
                        <h2>往期学员</h2>
                        <p>Past participants</p>
                    </div>
                </div>
            </div>
            <div class="text-center our-services">
                <div class="row no-gutter">
                    <#if (students?size>0)>
                        <#list students as stu>
                            <#if (stu_index+1)==5>
                                <div class="col-sm-4 wow fadeInUp js-pic-box" data-wow-duration="1000ms" data-wow-delay="300ms">
                                    <img src="img?fileName=${stu.filePath}" class="maximg">
                                    <a href="">
                                        <div class="menu">详情咨询客服</div>
                                    </a>
                                </div>
                            <#else>
                                <div class="col-sm-4 wow <#if ((stu_index+1)%2)==0>fadeInDown<#else>fadeInUp</#if>" data-wow-duration="1000ms" data-wow-delay="300ms">
                                    <img src="img?fileName=${stu.filePath}" class="maximg">
                                </div>
                            </#if>
                        </#list>
                    <#else>
                        <div class="col-sm-4 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <img src="pages/front/Assets/images/temp/04.jpg" class="maximg">
                        </div>
                        <div class="col-sm-4 wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <img src="pages/front/Assets/images/temp/04.jpg" class="maximg">
                        </div>
                        <div class="col-sm-4 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <img src="pages/front/Assets/images/temp/04.jpg" class="maximg">
                        </div>
                        <div class="col-sm-4 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <img src="pages/front/Assets/images/temp/04.jpg" class="maximg">
                        </div>
                        <div class="col-sm-4 wow fadeInUp js-pic-box" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <img src="pages/front/Assets/images/temp/04.jpg" class="maximg">
                            <a href="">
                                <div class="menu">详情咨询客服</div>
                            </a>
                        </div>
                        <div class="col-sm-4 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <img src="pages/front/Assets/images/temp/04.jpg" class="maximg">
                        </div>
                        <div class="col-sm-4 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <img src="pages/front/Assets/images/temp/04.jpg" class="maximg">
                        </div>
                        <div class="col-sm-4 wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <img src="pages/front/Assets/images/temp/04.jpg" class="maximg">
                        </div>
                        <div class="col-sm-4 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <img src="pages/front/Assets/images/temp/04.jpg" class="maximg">
                        </div>
                    </#if>
                </div>
            </div>
        </div>
    </section>
    <!--/#services-->
    <!-- 培训内容 -->
    <section id="services">
        <div class="container">
            <div class="heading wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
                <div class="row">
                    <div class="text-center col-sm-8 col-sm-offset-2 big-title">
                        <h2>培训内容</h2>
                        <p>training content</p>
                    </div>
                </div>
            </div>
            <div class="our-services">
                <div class="row">
                    <div class="col-sm-4 text-center">
                        <h3 id="h3_0" class="active" style="cursor:pointer;" onclick="showCurriculum('h3_0')">初级课程</h3>
                    </div>
                    <div class="col-sm-4 text-center">
                        <h3 id="h3_1" style="cursor:pointer;" onclick="showCurriculum('h3_1')">中级课程</h3>
                    </div>
                    <div class="col-sm-4 text-center">
                        <h3 id="h3_2" style="cursor:pointer;" onclick="showCurriculum('h3_2')">高级课程</h3>
                    </div>
                </div>
                <br>
                <#list curriculums as cur>
                    <div id="curriculum_${cur_index}" class="row shade" <#if cur_index == 0>style="display: block;"<#else>style="display:none;"</#if>>
                        ${cur.content}
                    </div>
                </#list>
                <!--<div class="row shade">-->
                    <!--<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;公司创始人陈升金20多年来就干了一件事，学习，研究各种衣物的疑难杂 症，从最初的低端到现在的最高端一一攻破，并取得多位中国洗染专家的 认可。在众多专家的推动下，2015年成立了北京升金衣仆洗涤技术有限公 司。目前专注于高端衣物染色，改色，洗涤，救治，技术培训和洗涤化料 的调配研究。为解决洗衣店，洗衣工厂，世界品牌服装厂，皮草皮貂生产 厂，提供一系列产品和尖端技术培训，是绿色环保水洗洗衣技术最强，化 料最好，规模最全的一站式技术服务公司，公司几年来，深受洗染行业人 士的称赞，被称作尖端衣物洗染救治医院。诚信是公司的生存之本，技术 是我们的灵魂，我们以最高超的技术，丰富的经验满足广大客户需求，携 手共进，共创美好明天。-->
                    <!--</p>-->
                    <!--<br>-->
                    <!--<br>-->
                    <!--<br>-->
                    <!--<a class="icon-more">查看更多</a>-->
                <!--</div>-->
            </div>
            <script>
                function showCurriculum(selfId) {
                    //active
                    if(selfId == "h3_0") {
                        $("#h3_0").attr("class","active");
                        $("#h3_1").attr("class","");
                        $("#h3_2").attr("class","");
                        //
                        $("#curriculum_0").show();
                        $("#curriculum_1").hide();
                        $("#curriculum_2").hide();
                    } else if(selfId == "h3_1") {
                        $("#h3_0").attr("class","");
                        $("#h3_1").attr("class","active");
                        $("#h3_2").attr("class","");
                        //
                        $("#curriculum_0").hide();
                        $("#curriculum_1").show();
                        $("#curriculum_2").hide();
                    } else if(selfId == "h3_2") {
                        $("#h3_0").attr("class","");
                        $("#h3_1").attr("class","");
                        $("#h3_2").attr("class","active");
                        //
                        $("#curriculum_0").hide();
                        $("#curriculum_1").hide();
                        $("#curriculum_2").show();
                    }
                }
            </script>
        </div>
    </section>
    <!-- 培训内容 -->
    <section id="services">
        <div class="container">
            <div class="heading wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
                <div class="row">
                    <div class="text-center col-sm-8 col-sm-offset-2 big-title">
                        <h2>师资团队</h2>
                        <p>teachers' team</p>
                    </div>
                </div>
            </div>
            <div>
                <div class="row">
                    <#if (teachers?size>0)>
                        <#list teachers as tea>
                            <div class="col-sm-3 text-center pic-bor shade">
                                <img src="img?fileName=${tea.filePath}" class="maximg">
                                <p>${tea.name}</p>
                            </div>
                        </#list>
                    <#else>
                        <div class="col-sm-3 text-center pic-bor shade">
                            <img src="pages/front/Assets/images/temp/05.jpg" class="maximg">
                            <p>升金衣仆创始人陈升金老师</p>
                        </div>
                        <div class="col-sm-3 text-center pic-bor shade">
                            <img src="pages/front/Assets/images/temp/05.jpg" class="maximg">
                            <p>升金衣仆创始人陈升金老师</p>
                        </div>
                        <div class="col-sm-3 text-center pic-bor shade">
                            <img src="pages/front/Assets/images/temp/05.jpg" class="maximg">
                            <p>升金衣仆创始人陈升金老师</p>
                        </div>
                        <div class="col-sm-3 text-center pic-bor shade">
                            <img src="pages/front/Assets/images/temp/05.jpg" class="maximg">
                            <p>升金衣仆创始人陈升金老师</p>
                        </div>
                    </#if>
                </div>
            </div>
        </div>
    </section>
    <!-- footer_js.html -->
    <#include "/pages/front_include/footer_js.html"/>
</body>

</html>